MiniBlog Personal Blogger Template” Documentation by “SeoBloggerTemplates” v1.0

Created: 23/06/2014
By: SeoBloggerTemplates
Website: www.SeoBloggerTemplates.com

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to contactus. Thanks so much!

Table of Contents

  1. Installation
  2. Upload Logo
  3. Setting up the menu
  4. Sidebar Author
  5. 3 Column Footer Widgets
  6. Credits To

  1. Installation - top

    2. You Follow These Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click on Customize Mobile Template on right side, now check the radio button for NO.

    3. Click Backup/Restore button (Top Right).

    4. Click on Choose File ( Browse..) button. Find the “template.xml” file location.

    5. Then Click Upload.

    Access your blog Layout > click Edit link on Header widget

    In Configure Header window, input your Blog Title and Blog Description. If you want to upload your image logo, make sure you check Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

    To Edit Menu in this theme you can follow these steps:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. Scroll down and Find this Code :

      <nav> 
        <ul class='slimmenu' id='navigation'> 
            <li class='active'><a href='#'>Home</a></li> 
            <li><a href='#work'>Download</a></li> 
            <li><a href='#services'>Premium Version</a></li> 
             
            <li><a href='#blog'>Custom Theme</a></li> 
             
            <li> 
                <a href='#'>Contact</a> 
                <ul> 
                    <li><a href='#'>Link 1</a></li>
                    <li><a href='#'>Link 2</a></li>
                    <li><a href='#'>Link 3</a></li>
                </ul> 
           </li> 
        </ul> 
    </nav>
    4. Change # with yours URL link and text with your text.

  2. Sidebar Author - top

    To setup the sidebar author info box, you need to go to the layout section then follow these simple images to set it up.

    Below is the code you need to enter as shown in above picture. Just change the text and image url with your photo. 

    <div class="authorinfo"> 
<img src="http://2.bp.blogspot.com/-QTXZU_sBnW8/VE3UrBqHZ3I/AAAAAAAABNA/Djk-T_BkR4c/s1600/tien-tran-e1391086611796.png"/> 
</div> 
<div class="authorname">Tien Tran</div> 
<div class="authordesc">Hello guys, I'm Tien Tran, a freelance web designer and Wordpress nerd.</div>

  3. Lets Socialize - top To setup the Lets Socialize section in the website you need to follow the image below:

    Below is the code you need to enter as shown in above picture. Just change the text and image url with your photo. 

    <div class="socials"><a href="#" class="social"><i class="fa fa-facebook"></i></a><a href="#" class="social"><i class="fa fa-google-plus"></i></a><a href="#" class="social"><i class="fa fa-instagram"></i></a><a href="#" class="social"><i class="fa fa-twitter"></i></a></div>

  4. Categories - top To setup the Categories section in the website you need to follow the image below:

  5. Follow us on Facebook - top To setup this section in the website you need to follow the image below:

    Below is the code you need to enter as shown in above picture. Just change the text in bold below. 

    <div class="responsive"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fseobloggertemplates&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=1414880828793387" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowtransparency="true"></iframe></div>

  6. Sidebar 3 Tags - top

    Below is the widget on website:

    To edit this widget you need to follow 3 images below:

    To make videos responsive, please put your video code by replacing the existing video code below: 

    <div class="responsive"><iframe src="//player.vimeo.com/video/48363485" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

  7. 3 column Footer widgets - top Goto layout click on edit and paste the text as shown below: Goto layout click on edit and paste the text as shown below:

  8. Post Author Info - top Code: 
    <div class='media'> 

            <div class='about_img' style='height: 200px;width: 100%;background:url(http://3.bp.blogspot.com/-1pwzF1ZUpDs/VE90D2o7BcI/AAAAAAAABOE/VrpAbnM4h4Q/s1600/pic7.jpg) center center;'> 

                <script src='/feeds/posts/default?alt=json-in-script&amp;callback=authorshow'/> 

            </div> 
          <div class='avatar-name'> 
            <div class='avatar-container'> 
              <img src='http://2.bp.blogspot.com/-QTXZU_sBnW8/VE3UrBqHZ3I/AAAAAAAABNA/Djk-T_BkR4c/s1600/tien-tran-e1391086611796.png'/> 
            </div> 
          </div> 

            <p>Hello guys, I&#39;m Tien Tran, a freelance web designer and Wordpress nerd. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>

        </div>

    Now you are good to go.

     

    Once again, thank you so much for purchasing this theme. As we said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist.

    SeoBloggerTemplates.com

    Go To Table of Contents